<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="width=device-width, initial-scale=1">
		<title>申请退款填写</title>
		<link rel="stylesheet" type="text/css" href="js/font-awesome/css/font-awesome.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/applyRefundTX.css"/>
		<script type="text/javascript" src="js/common/jquery-1.12.2.js"></script>
		<script type="text/javascript"  src="js/common/baseUrl.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-sham.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script>
		<script type="text/javascript" src="js/artTemplate/template.js"></script>
		<script type="text/javascript" src="js/common/applyrefund.js"></script>
	</head>
	<body class="applybox">
		<!-- 头部 -->
	    <div id="header">
	        <div class="top">
	            <div class="top-left">
	                <i class="fa fa-map-marker "></i>
	                <a href="javascript:void(0)" class="one">广州</a>
	                <a href="javascript:void(0)" class="two">切换城市</a>
	            </div>
	            <div class="top-right">
	                <a class="one">
	                    <i class="fa fa-user"></i> 朱莉
	                </a>
	                <a href="javascript:void(0)">退出</a>
	                <a href="javascript:void(0)">帮助中心</a>
	                <a href="javascript:void(0)">网站导航</a>
	                <a href="javascript:void(0)">手机APP</a>
	            </div>
	        </div>
	    </div>
		<div id="applyrefundtx">
				<!--搜索框-->
	    	<div class="searchBox">
						<div class="search">
					<div class="search-left">
						<span class="husheng">互生</span>
						<span class="vertical">|</span>
						<span class="evaluate">休闲娱乐</span>
					</div>
					<div class="search-right">
						<div class="one">
							<input type="text" name="search" id="search" value="" placeholder="输入商家名称、分类或地区" />
							<a href="javascript:void(0)">
								<i class="fa fa-search"></i>
							</a>
						</div>
						<div class="two">
							<a href="#">运动健身</a>
							<a href="#">瑜伽</a>
							<a href="#">羽毛球</a>
							<a href="#">CS</a>
							<a href="#">农家乐</a>
							<a href="#">私人影院</a>
						</div>
					</div>
				</div>
				</div>
			<!--退款详情-->
			<div class="refunddetail">
				<div class="midbox" id="midbox">

					<script type="text/html" id="test">

							<!--申请退款-->
							<div class="top">申请退款</div>
							<div class="orderinfor">订单信息</div>
							<div class="infor1">
								<div class="num left">
									订单编号:
									<span>{{detailOrder.id}}</span>
								</div>
								<div class="time left">
									下单时间:
									<span>{{detailOrder.orderCreateTime}}</span>
								</div>
								<div class="total left">
									订单总额:
									 <img src="img/yhq2.png"/>
									<span class="money">{{detailOrder.orderAmount}}</span>
								</div>
								<div class="dikou left">
									消费抵扣券:
									<img src="img/yhq1.png"/>
								</div>
								<span class="green">-{{detailOrder.ptCouponsDiscount}}</span>
							</div>
							<div class="infor1">
								<div class="num left">消费积分:<img src="img/yhq3.png"/>
									
									<span class="pv">{{detailOrder.perPoint}}</span>
								</div>
								<div class="num left">实付:<img src="img/yhq2.png"/>
									<span class="money">{{detailOrder.payAmount}}</span>
								</div>
							</div>
							<p class="remind">退款提醒:</p>
							<p class="shuoming">.订单退款金额按实际支付金额算,订单使用的消费券全额退回</p>
							<p class="shuoming">.商家退款金额,系统按商家设置的服务退款规则等比例退回</p>
							<p class="shuoming">.商家同意退款后,款项会退到您的互生币账户</p>
							<div class="refundinfor">退款信息</div>
							<!--退款信息-->
							<div class="refundinfordetail">
								<div class="one">
									退回消费抵扣券:
									<img src="img/yhq1.png"/>
									<span class="green">{{detailOrder.ptCouponsDiscount}}</span>
								</div>
								<div class="two">
									商家退款金额:
									<img src="img/yhq2.png"/>
									<span class="money">{{detailOrder.refundAmout}}</span>
								</div>
								<div class="three ">
									服务开始前两个小时,退款50%
								</div>
								<div class="four">
									退回账户:互生账户
								</div>
							</div>
							<!--服务项目-->
				    	<div class="serive">
				    			<span class="item">服务项目</span>
				    			<span class="number">数量</span>
				    			<span class="totalprice">总价</span>
				    		</div>
				    		<!--服务项目详情-->
			    		<div class="serviceiteminfor">
			    			<div class="img">
			    				<img src="{{picUrl}}{{detailOrder.goodsImg}}"/>
			    			</div>
			    			<div class="iteminfor">
			    				<p class="one">{{detailOrder.goodsName}}</p>
			    				<div class="two">
			    					<div class="two1 left">
			    						<img src="img/yhq2.png"/>
			    						<span class="money">{{detailOrder.goodsUintPrice}}</span>
			    					</div>
			    					<div class="two2 left">
			    						<img src="img/yhq3.png"/>
			    						<span class="pv">{{detailOrder.goodsPerPoint}}</span>
			    					</div>
			    					<div class="two3 left">{{detailOrder.buyCount}}</div>
			    					<div class="two4 left">
			    						<img src="img/yhq2.png"/>
			    						<span class="money">{{detailOrder.orderAmount}}</span>
			    					</div>
			    				</div>
			    				<div class="three">
										{{if detailOrder.refundRule==0}}
			    					<div class="three1 left">
			    						<img src="img/随时退.png"/>
			    						<span class="sui">随时退</span>
			    					</div>
									{{else if detailOrder.refundRule==1}}
			    					<div class="three2 left">
			    						<img src="img/随时退.png"/>
			    						<span class="sui">出售不退</span>
			    					</div>
										{{/if}}
			    				</div>
			    			</div>
			    		</div>
				    			    		<!--					********店家信息*********-->
							<div class="shop">
								<p class="swap">
									<span class="work">{{detailOrder.shopName}}</span>
									<span class="worknum">({{detailOrder.perResno}})</span>
								</p>
								<p class="swap">
									<span class="location">{{detailOrder.shopAddress}}</span>
									<img src="img/map.png"/>
									<a  class="map" href="#" >查看地图</a>
								</p>
							</div>
							<!--退款原因-->
							<div class="refundreason">
								退款原因
								<span>(至少选择一项)</span>
							</div>
							<!--退款选项-->
							<div class="refundchoose">
								<div class="refundchooseone">
									<span class="wrong">预约不上</span>
									<input  class="checkbox"  type="checkbox" value=""/>
								</div><div class="refundchooseone">
									<span class="wrong">去过了,不太满意</span>
									<input  class="checkbox"  type="checkbox" value="" />
								</div>
								<div class="refundchooseone">
									<span class="wrong">朋友/网友评论不好</span>
									<input  class="checkbox"  type="checkbox" value="" />
								</div>
								<div class="refundchooseone">
									<span class="wrong">预买多了,不想买了</span>
									<input  class="checkbox"  type="checkbox" value=""  />
								</div>
								<div class="refundchooseone">
									<span class="wrong">后悔了,不想要了</span>
									<input  class="checkbox"  type="checkbox" value="" />
								</div>
							</div>
							<div class="morereason">有更多原因,请必须写下</div>
							<input type="text" class="write" id="write" placeholder="请写下不满的原因"/>
							<div class="button" >
								<img src="img/apply.png" onclick="tijiaos({{detailOrder}})" />
							</div>
						</script>
				</div>
			</div>
		</div>

		<!--********底部********-->
			<div class="foot" id="foot">
				<p>
					<strong>客服热线： </strong>
					<a href="javascript:void(0)">
						0755-83344111
					</a>
					<span class="foot-adition">2013-2018 </span>
					<span>
						深圳市互生电子商务有限公司
					</span>
					<span>
						粤ICP备案号14100052号
					</span>
				</p>
		    </div>
	</body>
</html>
